irongit
Sign inRegister
huncholanehuncholane/dotfilesPublic

Not for normies

dotfiles/waybar/style/[Dark] Latte-Wallust combined.css
277 lines5.1 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Catppuccin Latte - Wallust */
3/* Original Design by DC user mannatsingh */
4
5@define-color white #F2F2F2;
6@define-color black #000000;
7@define-color text #FFFFFF;
8@define-color lightgray #686868;
9@define-color darkgray #353535;
10
11@define-color transparent rgba(1, 1, 1, 0.5);
12@define-color teal-trans rgba(1, 117, 84, 0.5);
13@define-color cyan rgba(53, 140, 169, 1);
14
15@define-color background-module @transparent;
16@define-color border-color @color12;
17@define-color button-color @color11;
18@define-color button-hover @color13;
19
20@import '../../.config/waybar/wallust/colors-waybar.css';
21@import "../waybar/style/catppuccin-themes/latte.css";
22
23* {
24 font-family: "JetBrainsMono Nerd Font";
25 font-weight: bold;
26 min-height: 0;
27 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
28 font-size: 97%;
29 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
30}
31
32window#waybar {
33 background: transparent;
34 border-radius: 0px;
35 color: #cba6f7;
36}
37
38window#waybar.hidden {
39 opacity: 0;
40}
41
42tooltip {
43 background: #1e1e2e;
44 border-radius: 12px;
45 border-width: 1px;
46 border-style: solid;
47 border-color: @border-color;
48 color: #ffffff;
49}
50
51/*-----module groups----*/
52.modules-left,
53.modules-center,
54.modules-right {
55 background-color: @background-module;
56 border-radius:15px;
57 border-bottom:2px solid @border-color;
58 padding-top: 2px;
59 padding-bottom: 0px;
60 padding-right: 4px;
61 padding-left: 4px;
62}
63
64#workspaces {
65 padding: 0px 1px;
66 border-radius: 15px;
67 border:2px solid @border-color;
68 font-weight: bold;
69 font-style: normal;
70 opacity:0.8;
71 color:#FFFFFF;
72}
73
74#taskbar button,
75#workspaces button {
76 color: #6E6A86;
77 box-shadow: none;
78 text-shadow: none;
79 border-radius: 30px;
80 padding-left: 4px;
81 padding-right: 4px;
82 animation: gradient_f 20s ease-in infinite;
83 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
84}
85
86#taskbar button.active,
87#workspaces button.active {
88 color: #ffd700;
89 border-radius: 50%;
90 background-color: black;
91 border-radius: 15px 15px 15px 15px;
92 padding-left: 8px;
93 padding-right: 8px;
94 animation: gradient_f 20s ease-in infinite;
95 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
96}
97
98#workspaces button.focused {
99 color: #d8dee9;
100}
101
102#workspaces button.urgent {
103 color: #11111b;
104 border-radius: 10px;
105}
106
107#taskbar button:hover,
108#workspaces button:hover {
109 color: #ffd700;
110 border-radius: 10px;
111 padding-left: 2px;
112 padding-right: 2px;
113 animation: gradient_f 20s ease-in infinite;
114 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
115}
116
117#backlight,
118#backlight-slider,
119#battery,
120#bluetooth,
121#clock,
122#cpu,
123#disk,
124#idle_inhibitor,
125#keyboard-state,
126#memory,
127#mode,
128#mpris,
129#network,
130#power-profiles-daemon,
131#pulseaudio,
132#pulseaudio-slider,
133#taskbar,
134#temperature,
135#tray,
136#window,
137#wireplumber,
138#workspaces,
139#custom-backlight,
140#custom-browser,
141#custom-cava_mviz,
142#custom-cycle_wall,
143#custom-dot_update,
144#custom-file_manager,
145#custom-keybinds,
146#custom-keyboard,
147#custom-light_dark,
148#custom-lock,
149#custom-hint,
150#custom-hypridle,
151#custom-menu,
152#custom-playerctl,
153#custom-power_vertical,
154#custom-power,
155#custom-quit,
156#custom-reboot,
157#custom-settings,
158#custom-spotify,
159#custom-swaync,
160#custom-tty,
161#custom-updater,
162#custom-weather,
163#custom-weather.clearNight,
164#custom-weather.cloudyFoggyDay,
165#custom-weather.cloudyFoggyNight,
166#custom-weather.default,
167#custom-weather.rainyDay,
168#custom-weather.rainyNight,
169#custom-weather.severe,
170#custom-weather.showyIcyDay,
171#custom-weather.snowyIcyNight,
172#custom-weather.sunnyDay {
173 color: #e5d9f5;
174 padding-right: 6px;
175 padding-left: 6px;;
176}
177
178#temperature.critical {
179 background-color: #ff0000;
180}
181
182@keyframes blink {
183 to {
184 color: #000000;
185 }
186}
187
188#backlight-slider slider,
189#pulseaudio-slider slider {
190 min-width: 0px;
191 min-height: 0px;
192 opacity: 0;
193 background-image: none;
194 border: none;
195 box-shadow: none;
196}
197
198#backlight-slider trough,
199#pulseaudio-slider trough {
200 min-width: 80px;
201 min-height: 5px;
202 border-radius: 5px;
203 background-color: #22252a;
204}
205
206#backlight-slider highlight,
207#pulseaudio-slider highlight {
208 min-height: 10px;
209 border-radius: 5px;
210 background-color: #ba5663;
211}
212
213#pulseaudio-slider,
214#pulseaudio {
215 color: @color13;
216}
217
218#pulseaudio.muted {
219 color: red;
220}
221
222#memory {
223 color: @sapphire;
224}
225
226#cpu {
227 color: @mauve;
228}
229
230#battery {
231 color: @rosewater;
232}
233
234#disk {
235 color: @sky;
236}
237
238#temperature.critical {
239 background-color: @red;
240}
241
242#battery.critical:not(.charging) {
243 color: #f53c3c;
244 animation-name: blink;
245 animation-duration: 3.0s;
246 animation-timing-function: steps(12);
247 animation-iteration-count: infinite;
248 animation-direction: alternate;
249}
250
251#custom-hypridle,
252#custom-lock,
253#idle_inhibitor {
254 color: @teal;
255}
256
257/*-----Indicators----*/
258#custom-hypridle.notactive,
259#idle_inhibitor.activated {
260 color: #39FF14;
261}
262
263
264#clock#2 {
265 color: #efe8f7;
266}
267
268#clock {
269 color: @sapphire;
270 border-radius: 15px;
271 border:2px solid @border-color;
272}
273#custom-updates {
274 color: @yellow;
275}
276#swaync{
277 color: #ffd700;}